<template>
	<div class="statistics">
		<div class="breadcrumbDiv">
			<el-breadcrumb separator-class="el-icon-arrow-right">
				<el-breadcrumb-item :to="{path: '/home'}">主页</el-breadcrumb-item>
				<el-breadcrumb-item>财务统计</el-breadcrumb-item>
			</el-breadcrumb>
		</div>
		<div class="statistics-content">
			<div class="order-tables">
				<el-tabs>
					<el-tab-pane label="销量统计(时间)">
						<SaleTime></SaleTime>
					</el-tab-pane>
					<el-tab-pane label="销量统计(美食)">
						<SaleFood></SaleFood>
					</el-tab-pane>
					<el-tab-pane label="订单统计">
						<SaleOrder></SaleOrder>
					</el-tab-pane>
					<el-tab-pane label="销售统计">
						<SaleAmount></SaleAmount>
					</el-tab-pane>
				</el-tabs>
			</div>
		</div>
	</div>
</template>

<script>
	import SaleTime from '@/components/StatisticsTab/SaleTime/SaleTime.vue';
	import SaleFood from '@/components/StatisticsTab/SaleFood/SaleFood.vue';
	import SaleOrder from '@/components/StatisticsTab/SaleOrder/SaleOrder.vue';
	import SaleAmount from '@/components/StatisticsTab/SaleAmount/SaleAmount.vue';
	import StatisticsService from './StatisticsService.js';
	export default {
		name: 'Statistics',
		data() {
			return {
				
			}
		},
		created() {
			
		},
		components:{
			SaleTime,SaleFood,SaleOrder,SaleAmount
		},
		methods: {
			
		},
	}
</script>

<style scoped lang="less">
	@import '../../../style/Common.less';

	.statistics-content {
		padding: 10px 20px;
	}
</style>
